.main {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;

    // background: black;
    .name {
        width: 70%;
        height: 8%;
        // background: yellow;
        display: flex;
        justify-content: start;
        align-items: center;
        font-size: 2vh;
        font-weight: 700;
        color: aliceblue;

        input {
            width: 15vw;
            border: 0ch;
        }

        .tips {
            font-size: 1.5vh;
            margin-left: 1vh;
        }
    }

    .way {
        width: 70%;
        height: 8%;
        // background: yellow;
        display: flex;
        justify-content: start;
        align-items: center;
        font-size: 2vh;
        font-weight: 700;
        color: aliceblue;

        span {
            width: 15%;
        }

        .content {
            width: 25%;
            display: flex;
            align-items: center;

            input {
                margin-right: 0.5vh;
            }
        }
    }

    .week {
        height: 25%;
        width: 90%;
        background: white;
        border-radius: 0.5vh;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: start;
        font-size: 2vh;
        font-weight: 700;

        .title {
            margin-left: 2.8vw;
        }

        div {
            display: flex;
            justify-content: start;
            width: 80%;
        }

        .day {
            width: 100%;
            display: flex;
            justify-content: space-between;

            .dayContent {


                display: flex;
                justify-content: center;
                align-items: center;

                input {
                    margin-right: 0.5vh;
                }
            }
        }

        .beginTime {
            display: flex;
            justify-content: space-around;
            height: 5vh;
            margin-left: 2.8vw;

            span {
                width: 20vw;
                display: flex;
                align-items: center;
            }

            .content {
                width: 60%;
                display: flex;
                align-items: center;

                input {
                    width: 5vw;
                    height: 2.5vh;
                    border: 0ch;
                    margin-right: 1vh;
                    background: rgb(220, 220, 220);
                    border: 0.3vh;
                }
            }

            .buttons {
                width: 70%;
                display: flex;
                justify-content: space-around;
                align-items: center;

                button {
                    width: 5vw;
                    height: 3vh;
                    background: rgb(71, 130, 186);
                    color: white;
                    border: 0ch;
                    cursor: pointer;
                }
            }
        }

    }

    .control {
        height: 40%;
        width: 90%;
        background: white;
        border-radius: 0.5vh;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        font-size: 2vh;
        font-weight: 800;

        .title {
            width: 90%;
            height: 10%;
            // background: hotpink;
            display: flex;
            justify-content: start;
            align-items: center;
        }

        .underContent {
            width: 90%;
            height: 88%;
            background: white;
            display: flex;
            justify-content: space-between;

            .leftContent {
                width: 48%;
                height: 95%;
                // background: brown;
                border: 0.1vh black solid;
                border-radius: 0.5vh;

                // position: absolute;
                .child {
                    position: relative;
                    top: -1.5vh;
                    background: white;
                    padding: 0.8vh;
                }

                .each {
                    display: flex;
                    width: 100%;
                    height: 25%;
                    justify-content: space-around;

                    input {
                        margin-right: 0.5vh;
                    }
                }
            }

            .rightContent {
                width: 48%;
                height: 95%;
                background: white;
                display: flex;
                flex-direction: column;
                justify-content: space-around;

                .dc {
                    border: 0.1vh black solid;
                    width: 90%;
                    border-radius: 0.5vh;
                    .child {
                        position: relative;
                        top: -1.5vh;
                        background: white;
                        padding: 0.8vh;
                    }

                    .each {
                        display: flex;
                        width: 100%;
                        height: 25%;
                        justify-content: space-around;

                        input {
                            margin-right: 0.5vh;
                        }
                    }
                }

                .sc {
                    border: 0.1vh black solid;
                    width: 90%;
                    border-radius: 0.5vh;
                    .child {
                        position: relative;
                        top: -1.5vh;
                        background: white;
                        padding: 0.8vh;
                    }

                    .each {
                        display: flex;
                        width: 100%;
                        height: 25%;
                        justify-content: space-around;

                        input {
                            margin-right: 0.5vh;
                        }
                    }
                }
            }
        }


    }

    .next {
        height: 10%;
        width: 100%;
        // background: yellow;
        display: flex;
        justify-content: center;
        align-items: center;

        button {
            width: 8vw;
            height: 5vh;
            background: rgb(71, 130, 186);
            color: white;
            border: 0ch;
            cursor: pointer;
            border-radius: 0.5vh;
        }
    }
}